const path=require('path')
const webpack=require("webpack")
const htmlWebpackPlugin=require("html-webpack-plugin")
module.exports={
  entry: './src/main.js', //入口
  output: {  //出口
    path: path.resolve(__dirname,"../dist"), //路径  动态获取路径  __dirname node 里面的
    filename: 'bundle.js' //文件name
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        //css-loader 只负责帮你加载  style-loader 负责将样式添加到DOM上
        // 使用多个loader 的时候 他是从右，向左读取的  所以 style-loader 在左边  不然就会build 报错
        use: [  'style-loader','css-loader' ]
      },
      {
        test: /\.js$/,
        //排除的js目录
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['es2015']
          }
        }
      },
      {
        test: /\.vue$/,
        use: {
          loader: 'vue-loader',
        }
      }
    ]
  },
  resolve: {
    //可以省略扩展名
    extensions: [".js",".css",".vue"] ,
    alias: { //别名  vue 结尾的 导入 需要指向的路径
      'vue$': 'vue/dist/vue.esm.js'
    }
  },
  plugins: [
    new webpack.BannerPlugin("版权归AA所有"),
    new htmlWebpackPlugin({
      template: 'index.html'
    })
  ],
}